<script setup lang="ts">
//
import guangGaoSwiper from './component/guangGaoSwiper.vue';		
</script>

<template>
  <view>
	<view class="top">
		<view class="card">
			<view class="total">总积分:</view>
			<view class="ponts">1000.00</view>
		</view>
	</view>
	<view class="body">
	<guangGaoSwiper></guangGaoSwiper>
	<guangGaoSwiper></guangGaoSwiper>
	<guangGaoSwiper></guangGaoSwiper>
		
	</view>
  </view>
</template>

<style lang="scss" scoped>
.top{
	height:30vh;
	// background-color: pink;
	background-color: #e4b247;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	.card{
		display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 20px;

		.total{
			font-size: 16px;
			margin-bottom: 10px;
		}
		.ponts{
			font-size: 50px;
			font-weight: 700;
		}
	}
}
.body{
	height:70vh;
	background-color: skyblue;
}
// 组件

</style>
